<script setup>
  import finished from './views/finished.vue';
  import todoList from './views/todoList.vue';
  import navBar from './views/navBar.vue';
import { defineComponent } from 'vue';
  defineComponent({
    components:{
      finished,
      todoList,
      navBar
    }
  })
</script>

<template>
  <div class="appContainer">
    <navBar></navBar>
    <todoList></todoList>
    <finished></finished>
  </div>
</template>

<style scoped>
  .appContainer{
    width: 900px;
    background-color: #cdcdcd;
  }

</style>
